import { createPreset } from "tailwindcss-rem2px-preset";

/** @type {import("tailwindcss").Config}*/
module.exports = {
  prefix: 'tw-',
  content: ["./src/**/*.{html,js,vue,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
  presets: [
    //不传参数时将rem转换为px单位 默认1rem=4px
    createPreset({
      //将默认的单位转换为px 相当于1rem = 1px,
      //但是目前发现会对例如rounded-sm rounded-lg中的单位也有影响需要手动调,麻烦
      //暂时按照原本的 1rem=>4px来计算,需要特殊古时使用p-[3px]使用
      //fontSize: 4,
      unit: 'rpx'
    }),
  ],
  corePlugins: {
    preflight: false, // 关闭预设样式
  },
};
